<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>ddhpc</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./css/swiper.css">
  <link rel="stylesheet" href="./css/loginbox.css">
  <script src="./js/jquery-3.3.1.min.js"></script>
</head>

<body>
  <!-- 顶部导航 -->
  <section class="bgff">
    <div class="wrap">
      <div class="top-logo pcub">
        <div class="pcub pcub-ac tx-r">
          <img class="logo-img mr40" src="./imgs/logo.png" alt="">
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20 active" href="javascript:;">首页</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">软文发稿</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">微信推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">朋友圈推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">微博推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 " href="javascript:;">直播/短视频</a>
        </div>
        <div class="pcub pcub-ac pcub-pe pcub-f1">
          <img src="./imgs/location.png" alt="">
          <a href="javascript:;">15680529067</a>
        </div>
      </div>
    </div>
  </section>
  <!-- banner部分 -->
  <section class="">
    <ul class="swiper-container my-swper" style="height: 360px;">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="./imgs/banner-1.png" alt="">
        </div>
        <div class="swiper-slide">
          <img src="./imgs/banner-1.png" alt="">
        </div>
        <div class="swiper-slide">
          <img src="./imgs/banner-1.png" alt="">
        </div>
        <div class="swiper-slide">
          <img src="./imgs/banner-1.png" alt="">
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </ul>
    <!-- 登录框 -->
    <div class="wrap position-re clear" style="top:-360px">
      <div id="loginbox" class="position-ab bgff">
        <ul class="title pcub tx-c fz18" data-type="1">
          <li class="pointer pcub-f1 pcub pcub-pac bb-e0e0e0 active" data-type="1"><span>广告主</span></li>
          <li class="pointer pcub-f1 pcub pcub-pac bb-e0e0e0" data-type="2">媒体主</li>
        </ul>
        <!-- 未登录 -->
        <ul class="content p30 unlogin">
          <li class="item user">
            <input type="text" placeholder="请输入手机号码/邮箱">
          </li>
          <li class="item password mt30">
            <input type="password" placeholder="请输入密码">
          </li>
          <li class="mt30">
            <button class="loginbtn fz16">登录</button>
          </li>
          <li class="pcub mt20">
            <a href="./findpassword.html">忘记密码？</a>
            <span class="pcub-f1 tx-r">没有账号？</span>
            <a href="./register.html">免费注册</a>
          </li>
        </ul>
        <!-- 已经登录 -->
        <div class="plr30 ptb20 edlogin hide">
          <div class="userhead pcub pcub-pac">
            <img src="./imgs/userToux.jpg" alt="">
          </div>
          <p class="pcub pcub-pac fz16 mtb20"><span>欢迎您回来，</span><span class="c-2f75ec">longlong</span></p>
          <div>
            <button class="loginbtn fz16">进入广告主平台</button>
          </div>
          <div class="pcub pcub-pac mt10">
            <a href="javascript:;" class="logoutBtn">退出账号</a>
          </div>
        </div>
      </div>

    </div>
    <!-- 如果需要分页器 -->
  </section>
  <section>
    主题
  </section>
  <script src="./js/swiper.js"></script>
  <script src="./layui/layui.js"></script>
  <script src="./js/login.js"></script>
  <script>
   
  </script>
</body>

</html>